Vue.js中常见的指令主要包括以下几种：

1. v-bind：用于动态地绑定一个或多个属性，或一个组件prop到表达式。可以简写为“:”。例如，可以使用v-bind将Vue实例中的变量绑定到img标签的src属性上，实现动态加载图片。
2. v-model：在表单控件元素上创建双向数据绑定，自动更新输入和数据模型。这意味着当用户在表单中输入数据时，数据会自动更新到Vue实例，并且当Vue实例中的数据变化时，表单控件的值也会同步更新。
3. v-for：基于源数据（数组或对象）多次渲染一个元素或模板块。它类似于循环语句，可以遍历数组或对象，并为每一个元素创建一个新的DOM节点。这是渲染列表和提供高效DOM操作的关键指令。
4. v-if：条件渲染指令，根据表达式的真假来插入或删除元素。当条件为真时，元素会被渲染；当条件为假时，元素不会被渲染。与v-if搭配使用的还有v-else-if和v-else，它们用于提供更复杂的条件渲染逻辑。
5. v-show：与v-if类似，用于根据条件显示或隐藏元素。但不同的是，v-show只是通过CSS的display属性来控制元素的显示与隐藏，而不会真正地添加或移除DOM元素。因此，在需要频繁切换显示状态时，v-show的性能会比v-if更好。不过需要注意的是，v-show不支持v-else或v-else-if。另外，有些资料还提到了v-hide指令，它与v-show相反，用于根据条件隐藏元素，但v-hide并非Vue.js的官方指令，可能是某些项目或插件中自定义的指令。
6. v-on：用于监听DOM事件，并在事件触发时执行表达式。可以简写为“@”。通过v-on指令，可以将DOM事件与Vue实例中的方法进行关联，当DOM事件触发时，Vue实例中的方法会被调用。

此外，Vue.js还提供了一些其他指令，如：

• v-pre：跳过这个元素和它的子元素的编译过程。可以用于显示原始的Mustache标签。
• v-cloak：保持在元素上直到Vue实例结束编译。配合CSS规则可以隐藏未编译的Mustache标签直到实例准备完毕，用于解决Vue在页面加载时闪烁的问题。
• v-once：只渲染元素和组件一次。之后再数据变化时，这些元素和组件不会重新渲染，用于提高渲染性能。
• v-html：输出HTML内容。它会替换元素的内部HTML内容为指定的HTML字符串，用于动态生成复杂的HTML结构。

这些指令共同构成了Vue.js强大的指令系统，为开发者提供了一种简洁而强大的方式来处理DOM更新和事件监听。通过熟练掌握这些指令，开发者可以构建出高效、可维护的前端应用。